<!--
 * @Author: 码上talk|RC
 * @Date: 2021-08-04 17:34:56
 * @LastEditTime: 2021-08-13 10:36:44
 * @LastEditors: 码上talk|RC
 * @Description: 
 * @FilePath: /ma-portal/subpackage/member/pages/account/achieve/my-tab.vue
 * @微信:  13680065830
 * @邮箱:  3189482282@qq.com
 * @oops: Just do what I think it is right
-->
<template>
  <view class="my-tab">
    <text class="res">{{ myAchieve }}</text>
    <text class="label">业绩积分</text>
    <text class="time">统计时间：{{year}}-{{monthFormatt}}</text>
  </view>
</template>

<script>
export default {
  name: '',
  components: {},
  mixins: [],
  props: {
    myAchieve: {
      type: Number,
      default: 0
    },
    year: {
      type: Number,
      default: 0
    },
    month: {
      type: Number,
      default: 0
    }
  },
  data () {
    return {}
  },
  computed: {
    monthFormatt () {
      if (this.month < 10) {
        return '0' + this.month;
      }
      return this.month;
    }
  },
  methods: {}
}
</script>

<style lang="less">
.my-tab {
  .flexLayout(@dir:column,@a:center,@j:center);
  background: #fff;
  height: 400rpx;
  .res {
    font-size: 100rpx;
    font-weight: bold;
    color: #333;
  }
  .label {
    margin-top: 40rpx;
    font-size: 32rpx;
    color: #666;
  }
  .time {
    margin-top: 90rpx;
    font-size: 30rpx;
    font-weight: 500;
    color: #999;
  }
}
</style>
